<div class="blog_right_sidebar">
    <aside class="single_sidebar_widget search_widget">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search Posts">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button"><i class="lnr lnr-magnifier"></i></button>
            </span>
        </div><!-- /input-group -->
        <div class="br"></div>
    </aside>
    <aside class="single_sidebar_widget author_widget">
        <img class="author_img img-fluid" src="/www/img/blog/author.png" alt="">
        <h4>个人介绍</h4>
        <p>self introduction</p>
        <p>创新的火花。我不断汲取新知，优化自我，只为与你携手共创更美好的明天。我于数据之海航行，算法为帆，精准预测，点亮你的未来之路。遇见我，就像偶遇智慧的宝藏，每一次互动都别有洞天‌</p>
        <div class="social_icon">
            <a href="/www/#"><i class="fa fa-facebook"></i></a>
            <a href="/www/#"><i class="fa fa-twitter"></i></a>
            <a href="/www/#"><i class="fa fa-github"></i></a>
            <a href="/www/#"><i class="fa fa-behance"></i></a>
        </div>
        <div class="br"></div>
    </aside>
    <aside class="single_sidebar_widget popular_post_widget">
        <h3 class="widget_title">热门文章</h3>
        <% data.popular.forEach(function(item) {  %>
            <div class="media post_item">
                <img src="<%= item.cover%>" alt="post" width="100" height="60"/>
                <div class="media-body">
                    <a href="/detail/<%=item._id %>"><h3><%= item.name  %></h3></a>
                    <p><%= item.timeAgo %></p>
                </div>
            </div>
        <% }) %>
        <div class="br"></div>
    </aside>
    <!-- <aside class="single-sidebar-widget newsletter_widget">
        <h4 class="widget_title">Newsletter</h4>
        <div class="form-group d-flex flex-row">
            <div class="input-group">
                <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Enter email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email'">
            </div>
            <a href="/www/#" class="bbtns"><i class="lnr lnr-arrow-right"></i></a>
        </div>	
        <div class="br"></div>							
    </aside> -->
    <aside class="single_sidebar_widget post_category_widget">
        <h4 class="widget_title">文章分类</h4>
        <ul class="list cat-list">
            <% data.cates.forEach(function(cate) { %>
                <li>
                    <a href="/?cateId=<%= cate._id  %>" class="d-flex justify-content-between">
                        <p><%= cate.name%></p>
                        <!-- <p>37</p>   -->
                    </a>
                </li>
            <% }) %>
        </ul>
    </aside>
</div>